﻿
*{ margin: 0;padding: 0;border:0;}
body {font-size:13px; color:#333333; -webkit-text-size-adjust:none; background-color:#fff; font-family: "Microsoft YaHei";}
a{ color:#333333; text-decoration:none; cursor:pointer;transition:all 0.4s linear 0s; font-family: "Microsoft YaHei";}
a:hover{ text-decoration:none;}
ul {list-style: none;}
li{ list-style-type:none;transition:all 0.4s linear 0s;}
.fl{ float: left;}
.fr{ float: right;}




/*index*/
#cont1{ width: 100%; height: auto;  background: url("../images/cont1_bg.jpg") repeat; }
.cont1{ width: 1200px; margin: 0 auto; position: relative; padding-bottom: 40px; z-index: 99999;}

.MyProduct{ width: 100%; padding-top: 50px; overflow: hidden;}
.prolist{ width: 245px; float: left; background: url("../images/prolist_bg.png") repeat-y; padding-bottom: 38px;}
.prolist ul li{ width: 100%; height: 76px;transition:none;}
.prolist ul li a{ width: 240px; height: 76px;border-bottom: 1px solid #1A9C76; display: block; text-indent: 20px; transition:none;}
.prolist ul li h5{ font-size: 18px; color: #FFF; font-weight:normal; padding-top:25px;}
.prolist ul li h6{ font-size: 14px; color: #FFF; font-weight:normal;}
.prolist ul li:hover{ background: #E7A844;}
.prolist ul li a:hover{ background: url("../images/prolistHv.png") no-repeat 196px center;}
.product{ width: 916px; float: right;}
.productTit{ width: 911px; height: 50px; border-left: 5px solid #1FAD75;}
.title1{ float: left; padding-left: 12px;}
.title1 h5{ font-size: 30px; color: #494949; font-family: Arial;}
.title1 h6{ font-size: 16px; color: #464646; font-weight: normal;}
.title2{ width: 50px; height: 48px; float: right; background: #1FAD75; text-align: center;}
.title2 a{ font-size: 10px; padding-top: 8px; color: #FFF; width: 50px; height: 40px; display: block;}
.title2 a:hover{ text-decoration: underline;}
.title3{ width: 202px; height: 48px; float: right; background: #E7A844;}
.title3 a{ width: 202px; height: 48px; display: block; font-size: 16px; color: #FFF; line-height: 48px;}
.title3 img{ width: 29px; height: 27px; display: block; float: left; margin-left: 49px; margin-top: 11px; margin-right: 10px;}
.title3 a:hover{ text-decoration: underline;}
.productCon{ width: 100%; padding-top: 13px; overflow: hidden;}
/*产品滚动*/
#fczs_main{height: auto;}
.left1{ float:left;}
#fczs_gd{width:916px;height: auto;float:left;}
#fczs_gd ul{width:1124px;height: auto;}
#fczs_gd ul li{width:207px;height:207px;float:left; overflow: hidden; position: relative; text-align:center; margin-right:17px; margin-bottom: 17px;}
#fczs_gd ul li a{ width: 207px; height: 207px; }
#fczs_gd ul li img{ width:207px; height:207px;}
#fczs_gd ul li span{ width: 100%; height: 40px; transition:all 0.8s linear 0s;  display: block; text-align: center; font-size: 16px; color: #FFF; line-height: 40px; background: url("../images/proHv.png") repeat; position: absolute; bottom: 0; transition:all 0.4s linear 0s;}
#fczs_gd ul li #proHv{ width: 100%; height: 100%; background: url("../images/proHv.png") repeat; position: absolute; top: 207px; transition:all 0.4s linear 0s; text-align: center;}
#fczs_gd ul li #proHv h4{ font-size: 16px; color: #FFF; font-weight: normal; padding-top: 75px; line-height: 45px;}
#fczs_gd ul li #proHv h5{ width: 24px; height: 24px; background: url("../images/jia.png") no-repeat; margin: 0 auto;}
#fczs_gd ul li a:hover #proHv{ top: 0; display: block;}
#fczs_gd ul li:hover span{ display: none;}
#cont2{ width: 100%; height: auto; background: #009166; padding-bottom: 40px; overflow: hidden;}
.cont2{ width: 1200px; margin: 0 auto;}
.company{ width: 650px; float: left; padding-top: 60px;}
.company_title{ width: 200px; height: 65px; background: url("../images/companyTit.png") no-repeat right 10px;}
.company_title h5{ font-size: 36px; color: #FFF; padding-bottom:10px;}
.company_title h6{ font-size: 18px; color: #FFF; font-weight: normal;}
.company_con{ width: 100%; height: auto; padding-top: 40px;}
.company_con p{ font-size: 14px; color: #FFF; line-height: 28px; text-indent: 2em;}
.company:hover .company_title{ background: url("../images/companyTit_hv.png") no-repeat right 10px;}
.companyPic{ width: 505px; float: right;}
.companyPic a{ width: 111px; height: 38px; display: block; background: url("../images/jia.png") no-repeat 10px center #E7A844; font-size: 14px; color: #FFF; line-height: 38px; text-indent: 39px;}
.companyPic a:hover{ text-decoration: underline;}
.companyPic img{ float: right;}
#cont3{ width: 100%; height: 355px; background: url("../images/cont3_bg.jpg") no-repeat center top; overflow: hidden;}
.cont3{ width: 1200px; margin: 0 auto; }
.pro01{ width: 600px; float: left; position: relative;}
.pro01 a:hover span{ background: url("../images/titleLine.jpg") 0 0; }
.pro01 img{ display: block; position: absolute; left: 0; top: 14px; z-index: 1;}
.pro01 div{ width: 220px; text-align: right; position: absolute; top: 45px; right: 35px; display: block; z-index: 2;}
.pro01 div h3{ font-size: 36px; color: #FFF; line-height: 40px;}
.pro01 div h4{ font-size: 24px; color: #FFF; font-weight: normal; padding-bottom: 20px;}
.pro01 div span{ width: 193px; height: 1px; display: block; background: url("../images/titleLine.jpg") no-repeat -193px 0; float: right; transition:all 0.4s linear 0s;}
.pro01 div p{ font-size: 18px; color: #FFF; float: right; padding-top: 30px;}
.pro02{ width: 600px; float: right; position: relative;}
.pro02 a:hover span{ background: url("../images/titleLine.jpg") 0 0; }
.pro02 img{ display: block; position: absolute; left: 35px; top: 50px; z-index: 1;}
.pro02 div{ width: 220px; text-align: right; position: absolute; top: 45px; right: 0px; display: block; z-index: 2;}
.pro02 div h3{ font-size: 36px; color: #FFF; line-height: 40px;}
.pro02 div h4{ font-size: 24px; color: #FFF; font-weight: normal; padding-bottom: 20px;}
.pro02 div span{ width: 193px; height: 1px; display: block; background: url("../images/titleLine.jpg") no-repeat -193px 0; float: right; transition:all 0.4s linear 0s;}
.pro02 div p{ font-size: 18px; color: #FFF; float: right; padding-top: 30px;}

.advT{ width: 500px;}
.advP{ width: 450px;}
.advT span{ width: 86px; height: 86px; display: block; margin-top: 25px; background: url("../images/no.png") no-repeat; font-size: 36px; color: #FFF; text-align: center; line-height: 86px; font-weight: bold; float: left;}
.advT div{ width: 410px; float: left; padding-top: 40px;}
.advT div h4{ font-size: 20px; color: #F1383E; display: none; }
.advT div h5{ font-size: 24px; color: #00b685; line-height: 40px; font-weight: normal;}
.advT div h6{ font-size: 14px; color: #818181; line-height: 28px; font-weight: normal; text-indent: 2em;}
#cont5{ width: 100%; height: auto; overflow: hidden; background: url("../images/cont5_bg.jpg") repeat; padding-top: 29px; padding-bottom: 30px;}
.cont5{ width: 1200px; margin: 0 auto;}
.news{ width: 450px; height: auto; float: left; padding: 20px 8px 15px 8px; background: #FFF;}
.newsTit{ width: 430px; margin: 0 auto; font-size: 18px; color: #009166;}
.newsTit span{ font-size: 12px; color: #979797; padding-left: 15px;}
.newsTit a{ float: right; font-size: 12px; color: #979797;}
.newsTit a:hover{ color: #00B685;}
.newsCon{ width: 100%; margin: 0 auto; padding-top: 5px;}
.newsCon ul li{ width: 415px; height:140px; border-bottom: 1px dashed #B7B7B7; padding-left: 15px; padding-right: 25px; }
.newsCon ul li h3{ font-size: 16px; line-height: 35px; color: #2b2b2b; font-weight: normal;}
.newsCon ul li .newsR{ width: 100%;}
.newsPic{ width: 142px; float: left;}
.newsTxt{ width: 250px; float: right;}
.newsTxt p{ font-size: 12px; color: #6b6b6b; line-height: 24px;}
.newsTxt span{ display: block; width: 100%; padding-top: 5px;}
.newsTxt span h5{ float: left; font-size: 12px; color: #6b6b6b; font-weight: normal; background: url("../images/time.png") no-repeat left; text-indent: 23px;}
.newsTxt span h6{ float: right; width: 80px; font-size: 12px; color: #6b6b6b; font-weight: normal; background: url("../images/more.png") no-repeat left; text-indent: 23px;}
.newsCon ul li a h3:hover{ color: #00B685;}
.newsCon ul li a h6:hover{ color: #00B685;}
.sebei{ width: 680px; float: right; background: #FFF; padding: 20px;}
.sebei_con{ width: 100%; padding-top: 10px;}
/*left*/
.allleft{ width:245px; height:100%; overflow:hidden;float:left; padding-bottom:20px;}
.left_tit{ width: 240px; height: 80px; float: left; margin-bottom: 10px; background: url("../images/leftTit.png") no-repeat 15px center #009166; border-right: 5px solid #FFF;}
.left_tit h5{ font-size: 20px; color: #FFF;  padding-left: 80px; padding-top: 20px;}
.left_tit h6{ font-size: 14px; color: #FFF; font-weight: normal; padding-left: 80px; }
.prolist a:hover, .prolist li a.current{ background: url("../images/prolistHv.png") no-repeat 196px center;}

/*public*/
.main{width:1200px; height:100%; overflow:hidden;margin:0 auto; padding-top:35px; padding-bottom: 50px;}
.allcon{width:1200px; height:100%; overflow:hidden;}
.concompany{ width:916px;height:100%; overflow:hidden;float:right;}
.concompanylogo{ width:100%; height:50px; }
.honorlogo2{  background: url("../images/honorlogo2.png") no-repeat; padding-left: 6px; margin-top: 10px; float:right; padding-right:10px; color:#fff;}
.honorlogo2 a{color:#fff;}
.concompanycon{ width:96%; height:100%; padding-top:15px; overflow:hidden; margin:0 auto; padding-bottom:50px;}
.rnewys{ width:100%; height:120px; border-bottom:#d9d9d9 solid 1px; padding-top:10px;}
.newconleft{ width:75px; height:120px; float:left; color:#676767;}
.newsconright{ width:85%; height:120px; float:right;}
.newsconright a{ width:100%; height:120px; font-size: 14px; display:block; color:#676767;}
.newsconright a:hover{ color:#009166; text-decoration:none;}
.newsconright1{ color:#333; font-weight:bold; padding-bottom:10px;}
.back a{ width:125px; height:42px; display:block; float:right; font-size:16px; font-family:"宋体"; color:#FFF;  line-height:42px; font-weight:bold;  clear:both;background:#009166; text-align: center; border: 4px double #FFF; margin-top:20px;}
.back a:hover{ opacity:0.8;}
/************常州贷款*****************/
.newsdivys{ width:100%; height:190px; border-bottom:#353535 double 5px; padding-top:10px;}
.newsdivysimg{ width:245px; height:175px; float:left; border:1px solid #8CCE2E; padding:3px; }
.newsdivyscon{ width:665px; height:120px; float:right; font-size:14px;}
.newsdivyscon a{width:100%; height:190px; display:block; color:#999999;}
.newsdivyscon a:hover{ text-decoration:none; color:#E61403;}
.newsdivyscon1{font-family:Microsoft YaHei,SimSun; font-size:18px; color:#333; line-height:30px; width:75px; border-bottom:5px solid #8CCE2E;}
.newsdivyscon2{ padding-top:6px;}
.news_nei li{width:100%;height:35px;border-bottom:1px dashed #009166; text-indent: 15px; line-height:35px; padding-top: 10px; background:url(../images/newslibg.jpg) no-repeat left center; font-family:"微软雅黑"; font-size:15px; color:#494949;}
.newsDate{ float: right; color: #999;}
.news_nei li a{ color:#333;}
.news_nei  li a:hover{color:#009166; text-indent: 20px;}
.a_left{width:100px; height:300px; position:absolute; margin-left:10px; z-index:9999;margin-top:40px;}
.a_right{width:100px; height:300px; position:absolute; margin-left:600px;z-index:9999; margin-top:40px;}
.a_left a{width:100px; height:300px; float:left; display:block; position:relative; z-index:999;background:url('../images/btn-prev.png') no-repeat left center;}
.a_right a{width:100px; height:300px; float:right;display:block; position:relative; z-index:999;background:url('../images/btn-next.png') no-repeat right center;}
.a_left a:hover{width:100px; height:300px; float:left;background:url('../images/btn-prev-cur.png') no-repeat left center;}
.a_right a:hover{width:100px; height:300px; float:right;z-index:999;background:url('../images/btn-next-cur.png') no-repeat right center;}
 
 
#indexNews{ padding-bottom:15px;}
#indexNews li{ width:658px; height:30px; line-height:30px; border-bottom:#7f7f7f dashed 1px; padding-left:22px;background:url(../images/newsli.gif) no-repeat left;}
#indexNews li a{ float:left;}
#topnews{ height:125px; overflow:hidden}
#topnews li{border-bottom:1px dashed #dedede; height:120px;}
#topnews li a{ font-weight:800; font-size:14px; font-family:Microsoft YaHei,SimSun;}
.introImg{ float:left; margin-right:10px;}
.info_date{ float:right; padding-right:5px;}
#indexPro{width:745px; height:430px; overflow:hidden; margin:0 auto; float:right}
#indexPro li,.produc li{float:left; margin:0 9px 13px 9px; _margin:0 7px 10px 7px; width:238px; height:206px; _height:203px; text-align:center;}
#fl{ float:left; width:240px;}
#fl li{ background:url(../images/fl_li.jpg) no-repeat top left; height:30px;}
#fl li a{ padding-left:38px; display:block; line-height:29px;}
#fl li a:hover{ background:url(../images/fl_hover.jpg) no-repeat top left; color:#FFF;}
.info_img{ width:100%; height:auto; padding-bottom:10px;}
.info_img li{ width:210px; height:200px;text-align:center;}
.info_img li a{ width:208px; height:208px; display:block;border-radius:10px; background-color:#f2f2f2;border:#e8e8e8 solid 1px; line-height:45px;}
.info_img li a:hover{ background-color:#E7A844; text-decoration:none; color:#FFF;}
.info_img li img{ width:197px; height:140px; padding-top:8px;}
@keyframes aniBlink120{from{margin-left:-60px}to{margin-left:230px}}
@-webkit-keyframes aniBlink120{from{margin-left:-60px}to{margin-left:230px}}
.mod_imgLight{position:relative;width:210px;height:200px;overflow:hidden;margin:0 auto;border-radius:10px;box-shadow: 0 0 10px #009166;}
.mod_imgLight a{display:inline-block}
.mod_imgLight a:before{content:'';position:absolute;width:60px;height:208px;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.mod_imgLight:hover a:before{
	-webkit-animation:aniBlink120 .3s ease-out forwards;
	-moz-animation:aniBlink120 .3s ease-out forwards;
	-o-animation:aniBlink120 .3s ease-out forwards;
	animation:aniBlink120 .3s ease-out forwards
}
.food_info_tit_bg{margin:30px 0 0 0px;width:100%;height:30px;background:#ececec; float:left;}
.food_info_tit{display:inline-block;padding-left:10px; padding-right:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;font-family:Microsoft YaHei; font-size:14px;}
/************新闻*****************/
.news_tit_u{text-align: center;font-size: 16px;color: #0c5ba4;line-height: 30px; font-weight:700;}
.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100;background: #f7f7f7;border: 1px solid #e8e8e8;color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;}
.news_tit_img{ width:60%; margin:9px auto; text-align:center}
.news_main{ line-height:28px; font-size:14px;}




/*top*/

.top{ width:100%; height:34px; border-bottom:1px solid #ccc; line-height:34px;}

.top-c{ width:1180px; margin:0 auto;}

.top-c dl dt{ float:left;}

.top-c dl dd{ float:right;}

.top-c dl dd a{ margin:0 4px;}





/*header*/

.header{ width:1180px; height:100px; overflow:hidden; padding:10px 0; margin:0 auto; }

.logo{ width:900px; float:left;}

.logo dl dt{ float:left;}

.logo dl dd{ float:left; font-size:18px; margin:15px 0 0 0; width:733px;}

.logo dl dd span{ font-size:28px; color:#009166; font-weight:bold;}
.logo dl dd b{ font-size:16px; color:#555; font-weight:100; line-height:30px;}

.phone{ width:278px; float:right; text-align:center; padding-top:15px;}

.phone p{ font-size:16px;}

.phone b{ font-size:29px; color:#ff8400;}







/*nav*/

.nav{ width:100%; height:60px; background:#009166; line-height:20px;}

.nav-c{ width:1180px; margin:0 auto;}

.nav-c ul{ ;}

.nav-c ul li{ float:left; text-align:center; font-size:17px;margin:0 4px; width:110px; height:60px;}

.nav-c ul li span{ font-size:12px; opacity:0.3;}

.nav-c ul li a{ color:#FFF; padding-top:15px; display:block;}

.nav-c ul li:hover{display:inline-block; width:110px; background:#e7a844; height:60px; text-align:center; }







/*search*/

#search{width:1160px;  margin:0 auto; height:54px; padding:0 10px; overflow:hidden; }

.search_left{line-height:55px; float:left; font-size:14px; background:url(../images/pic.png) no-repeat left; padding-left:30px; }

.search_left img{ vertical-align:middle; margin-right:10px;}

.search_left span a{ margin:0 7px;}

.search_right{float:right; padding-top:13px; width:218px;}

.font1{padding-left:8px;}

.out{ width:147px; height:30px; float:left; line-height:30px; background:#e5e5e5; }

.btnn{width:58px; height:30px; background:url(../images/btn-right.jpg) no-repeat;  cursor:pointer; font-size:12px; float:left; color:#FFF; font-size:14px; }





/* -- 页面整体布局 -- */

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}




.shil{ padding-top: 60px; height: 537px; overflow: hidden;}

.shil h2{ text-align: center; font-weight: normal; line-height: 100%; font-size: 36px; color: #333; padding-bottom: 53px;background:url(../images/h21.png) no-repeat center 46px;}

.shil ul li{ float: left; width: 280px; margin-right: 26px; box-sizing: border-box; border: 1px solid #dcdcdc; height: 365px; }

.shil ul li img{ display: inline-block; box-sizing: border-box; width: 278px;height: 157px;}

.shil ul li:last-of-type{ margin-right: 0;}

.shil ul li i{ display: block; position: relative;}

.shil ul li i span{ display: inline-block; position: absolute; top: 121px; left: 103px; box-shadow: 2px 2px 20px #ccc;border-radius: 73px; overflow: hidden;}

.shil ul li i span img{ display: inline-block; width: 73px; height: 73px; }

.shil ul li em{ display: block; padding: 61px 27px 0; text-align: center; font-size: 24px; color: #333; font-style: normal;}

.shil ul li em span{ display: block;font-size: 16px; color: #666; line-height: 24px; padding-top: 15px; font-style: normal;}


	
     .shil ul li{transition: all 0.3s linear 0s;}
     .shil ul li em{padding: 61px 20px 0;}
     .shil ul li:hover{transform: translateY(-3px);}
 

.w {
	width: 1200px;
	margin: 0 auto;
}








/*footer*/

.bot_footer {
	background: #009166;
	height: 54px;
}
.bot_f1, .bot_f2 {
	color: #fff;
	font-size: 13px;
	line-height: 54px;
}
.bot_f1 img {
	vertical-align: middle;
	margin-right: 18px;
}
.bot_f1 span {
	font-weight: bold;
}
.bot_f1 a {
	margin: 0 20px;
	color: #fff;
}
.bot_f1 a:hover {
	text-decoration: underline;
}
.bot_f2 img {
	vertical-align: middle;
	margin-right: 10px;
}
.footer_main {
	background: #313030;
	padding-top: 39px;
	padding-bottom: 15px;
}
.footer_main dl {
	float: left;
	min-height: 220px;
	padding-top: 11px;
	background: url(../images/foot2.jpg) no-repeat right 11px;
	background-size: auto 180px;
	text-align: left;
	width:300px;
}

.footer_main dl:nth-child(2) {
	width:200px;
	padding-left: 35px;
}

.footer_main dl dt {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding-bottom: 16px;
	background: url(../images/foot1.jpg) no-repeat left bottom;
	margin-bottom: 20px; font-weight:bold;
	width:100%; float:left;
}
.footer_main dl dd{width:50%; float:left;}
.footer_main dl dd a {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 12px;
	color: #cccccc;
}
.footer_main dl dd a:hover {
	color: #fff;
}
.foot_contact {
	margin-left: 71px;
	color: #fff;
}
.foot_contact h5 {
	/*font-size:12px;*/

	margin-bottom: 10px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	font-weight: 700;
}
.foot_contact h3 {
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 20px;
}
.foot_contact p {
	font-size: 14px;
	margin-bottom: 14px;
	color: #cccccc;
}
.foot_ma {
	width: 131px;
	text-align: center;
}
.foot_ma img {
	width: 100%;
	height: auto;
}
.foot_ma p {
	color: #cccccc;
	font-size: 12px;
	margin-top: 15px;
}






.b_shop {
	margin-top:25px;
	margin-bottom:20px;
	height: 80px;
	background: url(../images/shop_bg.jpg) no-repeat center;
	background-size: 100% 100%;
	padding: 0 0px 0 50px;
}
.b_shop .txtMarquee-left {
	width: 1100px;
	position: relative;
	margin-left: 46px;/*margin-right:35px; */
}
.b_shop .txtMarquee-left .hd {
	overflow: hidden;
}
.b_shop .txtMarquee-left .hd .prev, .txtMarquee-left .hd .next {
	display: block;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}
.b_shop .txtMarquee-left .hd .prev {
	top: 29px;
	right: -23px;
}
.b_shop .txtMarquee-left .hd .next {
	top: 29px;
	left: -23px;
}
.b_shop .txtMarquee-left .bd {
	padding: 10px;
}
.b_shop .txtMarquee-left .bd .tempWrap {
	width: 970px !important;
}/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.b_shop .txtMarquee-left .bd ul {
	overflow: hidden;
	zoom: 1;
}
.b_shop .txtMarquee-left .bd ul li {
	margin-right: 40px;
	float: left;
	height: 23px;
	line-height: 23px;
	text-align: left;
	_display: inline;
	width: auto !important;
}
.b_shop .txtMarquee-left .bd ul li a {
	font-size: 14px;
	color: #666666;
}
.b_shop .txtMarquee-left .bd ul li a:hover {
	color: #009166;
}

.left {
	float: left;
}
.right {
	float: right;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}
.none {
	display: none;
}
.block {
	display: block;
}


@font-face {
	font-family: iconfont;
	src: url(../other/iconfont.eot);
	src: url(../other/iconfont.eot?#iefix) format("embedded-opentype"), url(../other/iconfont.woff) format("woff"), url(../other/iconfont.ttf) format("truetype"), url(../other/iconfont.svg#iconfont) format("svg")
}

.home-banner img {
	max-width: 100%;
	height: auto;
	border: none
}

.slick-dots, li {
	list-style: none
}
.slick-loading .slick-slide, .slick-loading .slick-track {
	visibility: hidden
}
.slick-dots li button:before, .slick-next:before, .slick-prev:before {
	font-family: slick;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-dots, .slick-next, .slick-prev {
	position: absolute;
	display: block;
	padding: 0
}
.slick-loading .slick-list {
	background: url(ajax-loader.gif) center center no-repeat #fff
}

.slick-next, .slick-prev {
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: 0 0;
	color: transparent;
	top: 50%;
	transform: translate(0, -50%);
	border: none;
	outline: 0
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
	outline: 0;
	background: 0 0;
	color: transparent
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
	opacity: 1
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
	opacity: .25
}
.slick-next:before, .slick-prev:before {
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75
}
.slick-prev {
	left: -25px
}
[dir=rtl] .slick-prev {
	left: auto;
	right: -25px
}
.slick-prev:before {
	content: "←"
}
.slick-next:before, [dir=rtl] .slick-prev:before {
	content: "→"
}
.slick-next {
	right: -25px
}
[dir=rtl] .slick-next {
	left: -25px;
	right: auto
}
[dir=rtl] .slick-next:before {
	content: "←"
}
.slick-dotted.slick-slider {
	margin-bottom: 30px
}
.slick-dots {
	bottom: -25px;
	text-align: center;
	margin: 0;
	width: 100%
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}
.slick-dots li button {
	border: 0;
	background: 0 0;
	display: block;
	height: 20px;
	width: 20px;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}
.slick-dots li button:focus, .slick-dots li button:hover {
	outline: 0
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
	opacity: 1
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25
}
.slick-list, .slick-slider, .slick-track {
	position: relative;
	display: block
}
.slick-dots li.slick-active button:before {
	color: #000;
	opacity: .75
}
.slick-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	transform: translate3d(0, 0, 0)
}
.slick-track {
	left: 0;
	top: 0;
	margin-left: auto;
	margin-right: auto
}
.mfp-bg, .mfp-wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%
}
.slick-track:after, .slick-track:before {
	content: "";
	display: table
}
.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}



.home-banner .slick-slider, .pro-banner-box .slick-slider {
	margin-bottom: 0!important;
	overflow: hidden
}
.home-banner .banner-item img, .pro-banner-box .banner-item img {
	margin: 0 auto
}
.home-banner .slick-dots, .pro-banner-box .slick-dots {
	bottom: 25px
}
.home-banner .slick-dots li button:before, .pro-banner-box .slick-dots li button:before {
	content: "";
	display: block;
	width: 17px;
	height: 7px;
	background: #b3bac5
}
.home-banner .slick-dots .slick-active button:before, .pro-banner-box .slick-dots .slick-active button:before {
	background: #e41313;
	opacity: 1!important
}
.home-banner:hover .slick-arrow.slick-prev, .pro-banner-box:hover .slick-arrow.slick-prev {
	left: 15px
}
.home-banner:hover .slick-arrow.slick-next, .pro-banner-box:hover .slick-arrow.slick-next {
	right: 15px
}
.home-banner .slick-list, .pro-banner-box .slick-list {
	overflow: visible
}
.home-banner .slick-arrow, .pro-banner-box .slick-arrow {
	z-index: 99;
	transition: all .3s;
	display: block;
	width: 50px;
	height: 50px;
	left: -50px
}
.home-banner .slick-arrow:before, .pro-banner-box .slick-arrow:before {
	content: "\e678";
	font-size: 30px;
	font-family: iconfont;
	line-height: 1em;
	text-align: center;
	display: block;
	transform: rotate(180deg)
}
.home-banner .slick-arrow.slick-next, .pro-banner-box .slick-arrow.slick-next {
	left: auto;
	right: -50px
}
.home-banner .slick-arrow.slick-next:before, .pro-banner-box .slick-arrow.slick-next:before {
	transform: rotate(0)
}
.home-banner {
	overflow: hidden
}



/*==============================侧边浮动 start==============================*/

#fairf {

	width:160px;

	height:75px;

	position:fixed !important;

	position:absolute;

	right:0;

	bottom:0px;

	z-index:20000;

	background:url(../images/fairf.png) no-repeat

}

.float_zoosnet{top:00px;}

.float_zoosnet a {

	text-decoration:none

}

.float_zoosnet img {

	max-width:100%;

	width:auto

}

.float_Qr,.float_mess,.float_retrun,.float_tell {

	display:block;

	width:80px;

	height:70px;

	background-color:#FF4639;

	border-radius:5px;

	margin-bottom:2px;

	transition:all .5s ease-in-out;

	-wekbit-transition:all .5s ease-in-out;

	position:fixed;

	right:-10px;

	z-index:100000000000;

	cursor:pointer;

	border-radius:5px 0 0 5px;

	text-decoration:none

}

.float_tell {

	width: 210px;

	right: -140px;

}

.float_mess {

	width:164px;

	right:-94px

}

.float_mess {

	top:360px;

}

.float_Qr {

	top:504px;

}

.float_retrun {

	top:576px;

}

.float_zoosnet .float_mess:hover,.float_zoosnet .float_tell:hover {

	right:0;

	transition:all .5s ease-in-out;

	-wekbit-transition:all .5s ease-in-out

}

.float_mess,.float_tell {

	overflow:hidden

}

.float_tell {

	top:432px;

}

.float_mess img,.float_tell img {

	float:left

}

.float_mess p,.float_tell p {

	color:#fff;

	font-size:19px;

	font-weight:600;

	line-height:70px

;

	/* width: 400px; */

}

.float_Qr_img {

	position:fixed;

	top:504px;

	display:none;

	transition:right .5s ease-in-out;

	-wekbit-transition:right .5s ease-in-out;

	z-index:10000000000000000000

}

.float_Qr:hover .float_Qr_img {

	display:block;

	right:75px;

	transition:right .5s ease-in-out;

	-wekbit-transition:right .5s ease-in-out

}

ins#nb_icon_wrap *,ins.nb-icon-inner-wrap,ins.nb-icon-inner-wrap * {

	display:none!important

}

.zx{display:block;background:url(../images/f-chat.png) no-repeat;}

/*==============================侧边浮动 end==============================*/

